Description

Discussion page is implemented using dynamic cards, and proper information.

Fixes #301

Type of Change

• New feature (e.g., new page, component, or functionality)
• Bug fix (non-breaking change that fixes an issue)
• UI/UX improvement (design, layout, or styling updates)
• Performance optimization (e.g., code splitting, caching)
• Documentation update (README, contribution guidelines, etc.)
• Other (please specify):

Changes Made

• Interactive Discussion Cards - Modern card layout displaying GitHub discussions with author info, content previews, engagement metrics, and animated hover effects
• Advanced Filtering System - Tab-based filtering (All/Trending/Unanswered), category filters (Q&A, Ideas, Announcements), real-time search, and sorting options
• GitHub API Integration - Live data fetching from GitHub GraphQL API with caching, rate limit handling, and fallback to mock data when unavailable
• Responsive Design & Animations - Mobile-first responsive layout with Framer Motion animations, dark mode support, and smooth transitions
• Call-to-Action Features - Interactive CTA cards for creating discussions (Ask Question, Share Idea, Show Work) with animated particles and gradient backgrounds
• Dashboard Integration - Embedded within main dashboard with sidebar navigation, URL routing, and seamless user experience across the platform

Dependencies

No need.

Checklist

• My code follows the style guidelines of this project.
• I have tested my changes across major browsers/devices
• My changes do not generate new console warnings or errors , I ran npm run build and attached scrrenshot in this PR.
• This is already assigned Issue to me, not an unassigned issue.
  Screenshot